<template>
  <div class="address" style="minHeight:550px">
    <el-header>
      <el-steps :active="active" finish-status="success" align-center>
        <el-step title="地址确认" ><Comfirm/></el-step>
        <el-step title="查看订单"><CheckOrder/></el-step>
        <el-step title="支付"><Pay/></el-step>
        <el-step title="订单完成"><Success/></el-step>
      </el-steps>
    </el-header>
    <el-main>
      <router-view></router-view>
    </el-main>
  </div>
</template>

<script>

export default {
  computed:{
    active(){
      return this.$store.state.activeNum
    }
    
  },
  created(){
       this.$store.state.navIndex="0"
  }
}
</script>
<style scoped>
.address{
    width: 70%;
    margin:0 auto;
    background-image: url(../assets/body_bg.png)
}
</style>